<template>
	<div id="app">
    <Card>
      <!-- 标题 -->
      <div slot="title">
        <img src="../../build/logo.png"  width="100px" class="class-image"/>
        <h4 class="class-name">2020春_PY_金牌_337计划</h4>
      </div>
      <!-- 内容 -->
      <Form :model="FormData" >
        <FormItem label="教师:">{{FormData.teacherName}}</FormItem>
        <FormItem label="人数:">{{FormData.count}}</FormItem>
        <FormItem label="计划:">
          <Button type="text" size="small" class="class-btn-text">{{FormData.plan}}</Button>
        </FormItem>
        <FormItem label="类型">{{type[FormData.type]}} 班</FormItem>
        <FormItem label="状态">{{type[FormData.state]}}</FormItem>
        <FormItem label="进展">{{FormData.progress}}</FormItem>
        <FormItem label="校区">{{FormData.scholl}}</FormItem>
      </Form>
      <!-- 更多内容 -->
      <div class="class-more-icon">
        <Icon type="chevron-down"></Icon>
      </div>
      <!-- 底部 -->
      <div class="class-footer">
        <span>
          <Button type="text" size="small" class="class-btn-text">学生</Button>
        </span>
        <span>
          <Button type="text" size="small" class="class-btn-text">统计</Button>
        </span>
        <span>
          <Button type="text" size="small" class="class-btn-text">考试</Button>
        </span>
        <span>
          <Button type="text" size="small" class="class-btn-text">上课</Button>
        </span>
        <span>
          <Button type="text" size="small" class="class-btn-text">编辑</Button>
        </span>
      </div>
    </Card>
  </div>
</template>

<script>
	export default{
		data(){
			return{
        type: ['集训','金牌','体验'],
        state: ['准备','进行中','结束'],
				FormData: {
          teacherName: '一方通行',
          count: 15,
          plan: '2020春_PY_金牌_337计划',
          type: 1,
          state: 1,
          progress: 15.00,
          scholl: '山东'
        }
			}
		},
		components:{

		},
		methods:{

		}
	}
</script>
 
<style>
  .ivu-card{
    width: 300px;
  }
  .class-image{
    border-radius: 8px;
  }
  .class-name{
    padding: 8px 0 0 0;
  }
  .ivu-card-head{
    
  }
</style>
